<!doctype html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <style type="text/css">
      body,html,#container{
        height: 100%;
        margin: 0px;
      }
    </style>
    <title>快速入门</title>
  </head>
  <body>
    <div id="container" tabindex="0"></div>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=02a37b38c4b33a671f1cd1584b54adc8"></script>
    <script type="text/javascript">
        var map = new AMap.Map('container',{
            resizeEnable: true,
            zoom: 10,
            center: [108.263699,22.795347]
        });
        var marker = new AMap.Marker({
    				position: [108.263699,22.795347],//marker所在的位置
    				map:map//创建时直接赋予map属性
				});
				var info = new AMap.InfoWindow({
				    content:"信息窗体<br>这里是方恒科技大厦",
				    offset:new AMap.Pixel(0,-28)
				})
				info.open(map,marker.getPosition())


    </script>
  </body>
</html>